import { BarChartOutlined, CloudOutlined, UploadOutlined, UserOutlined, VideoCameraOutlined } from "@ant-design/icons"
import type { Meta, StoryObj } from "@storybook/react"
import React from "react"

import fixedSider from "."

const meta = {
	title: "GlobalSider/FixedSider",
	component: fixedSider,
	parameters: {
		layout: "centered"
	},
	tags: ["autodocs"]
} satisfies Meta<typeof fixedSider>

export default meta
type Story = StoryObj<typeof meta>
const routeMenus = [UserOutlined, VideoCameraOutlined, UploadOutlined, BarChartOutlined, CloudOutlined].map((icon, index) => ({
	key: String(index + 1),
	icon: React.createElement(icon),
	label: `nav ${index + 1}`
}))
export const FixedSiderComponent: Story = {
	args: {
		defaultSelectedKeys: ["2"],
		routeMenus
	}
}
